// import { Rate } from 'antd';
// import React,{ useState } from 'react';

// const desc = ['极差', '差', '一般', '好', '极好'];

// function Rater () {
//   const [value,setState]=useState(3)

//   const handleChange = value => {
//     setState(value);
//   };

//     return (
//       <span>
//         <Rate tooltips={desc} onChange={handleChange} value={value} />
//         {value ? <span className="ant-rate-text">{desc[value - 1]}</span> : ''}
//       </span>
//     );
// }

// export default Rater

import { Rate } from 'antd';
import React,{ useState } from 'react';

const Rater=()=>{ 
  const desc = ['极差', '差', '一般', '好', '极好'];

  const [value,setvalue]=useState(3)
    return (
      <span>
        <Rate tooltips={desc}  disabled value={value} />
        {value ? <span className="ant-rate-text">{desc[value - 1]}</span> : ''}
      </span>
    );
}

export default Rater